<html>
<head>
<link rel="stylesheet" type="text/css" href="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/autoscroll/colorpicker.css" media="all" />
<script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'>
</script> 
<script type="text/javascript" src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/autoscroll/jquery-validation-engine.js"></script>
<script type="text/javascript" src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/autoscroll/colorpicker.js"></script>
<script type="text/javascript" src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/autoscroll/widget.js"></script>
<title>Floating Vertical Bar With Share Buttons Generator</title>
<style type="text/css">
.text-input, .select-box{
	margin:0 2px;
	padding:4px 6px;
	border: 1px solid #198dc9;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: gergia;
	font-style: italic;

	-webkit-box-shadow: 1px 1px 1px #dfdfdf;
	-moz-box-shadow: 1px 1px 1px #dfdfdf;
	box-shadow: 1px 1px 1px #dfdfdf;
	font-size: 14px;
	color: #666;
	max-width:auto;
}


			body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px;
}
			#outer-wrapper {font-family: Verdana, Arial;}
			#content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; 
background:#ffffff;
border:2px solid #198dc9;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
			#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #198dc9;font-size:16px;color:#FFFFFF;border:1px solid #111;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
			.redi{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

		</style>
<script type='text/javascript'>
function justnairacodegen(){var jntype="";for(i=0;i<document.getElementsByName("1type").length;i++){if(document.getElementsByName("1type")[i].checked==true){jntype=document.getElementsByName("1type")[i].value}}var bgcolor=document.getElementsByName("jnbgcolor")[0].value;var bordercolor=document.getElementsByName("jnbordercolor")[0].value;var bordersize=document.getElementsByName("jnbordersize")[0].value;var top=document.getElementsByName("jntop")[0].value;var left=document.getElementsByName("jnleft")[0].value;var widget=document.getElementsByName("widget.content")[0];widget.value="<a href='http:\/\/www.edutechnology.net'><img alt='Floating Vertical Bar With Share Buttons widget' src='http:\/\/3.bp.blogspot.com\/_rKG-ziTSNUQ\/TQ5eV0U0EiI\/AAAAAAAACik\/xo2eFaDbfrE\/s1600\/best+blogger+tips.png'\/><\/a>";if(jntype==3){widget.value+="<script type=\"text\/javascript\" src=\"http:\/\/s7.addthis.com\/js\/300\/addthis_widget.js\"><\/script> ";widget.value+="<div class=\"addthis_bar addthis_bar_vertical addthis_bar_small\" style=\"background: #"+bgcolor+"; border: "+bordersize+"px solid #"+bordercolor+";top:"+top+"px;left:"+left+"px;\">             ";widget.value+="<div class=\"addthis_toolbox addthis_default_style\">                 <span><a class=\"addthis_button_preferred_1\"><\/a><\/span>                ";widget.value+=" <span><a class=\"addthis_button_preferred_2\"><\/a><\/span>                 ";widget.value+="<span><a class=\"addthis_button_preferred_3\"><\/a><\/span>                 ";widget.value+="<span><a class=\"addthis_button_preferred_4\"><\/a><\/span>                 ";widget.value+="<span><a class=\"addthis_button_compact\"><\/a><\/span>             <\/div><\/div>"}else if(jntype==1){widget.value+="<div class=\"addthis_bar addthis_bar_vertical addthis_bar_large\" style=\"background:#"+bgcolor+"; border: "+bordersize+"px solid #"+bordercolor+"; top:"+top+"px;left:"+left+"px;\">             <div class=\"addthis_toolbox addthis_default_style\">                 <span><a class=\"addthis_button_facebook_like\" fb:like:layout=\"box_count\"><\/a><\/span>                 <span><a class=\"addthis_button_tweet\" tw:count=\"vertical\"><\/a><\/span>                 <span><a class=\"addthis_button_google_plusone\" g:plusone:size=\"tall\"><\/a><\/span>                 <span><a class=\"addthis_counter\"><\/a><\/span>             <\/div> <\/div> <script type=\"text\/javascript\" src=\"http:\/\/s7.addthis.com\/js\/300\/addthis_widget.js\"><\/script>"}else if(jntype==2){widget.value+="<div class=\"addthis_bar addthis_bar_vertical addthis_bar_medium\" style=\"background:#"+bgcolor+"; border: "+bordersize+"px solid #"+bordercolor+"; top:"+top+"px;left:"+left+"px;\">             ";widget.value+="<div class=\"addthis_toolbox addthis_default_style addthis_32x32_style\">                 ";widget.value+="<span><a class=\"addthis_button_preferred_1\"><\/a><\/span>                 ";widget.value+="<span><a class=\"addthis_button_preferred_2\"><\/a><\/span>                ";widget.value+=" <span><a class=\"addthis_button_preferred_3\"><\/a><\/span>                 ";widget.value+="<span><a class=\"addthis_button_preferred_4\"><\/a><\/span>                 ";widget.value+="<span><a class=\"addthis_button_compact\"><\/a><\/span>             <\/div> <\/div> ";widget.value+="<script type=\"text\/javascript\" src=\"http:\/\/s7.addthis.com\/js\/300\/addthis_widget.js\"><\/script>"}document.getElementsByName("go")[0].disabled=false}
</script>

</head>
<body>
<div id='content-wrapper'>
<h2>Floating Vertical Bar With Share Buttons Generator</h2>
<center><br>
<form name="myForm" action="http://www.blogger.com/add-widget" onsubmit="return validateForm()" method="post" target="_blank">
<fieldset class='redi' style='border:1px solid #7F9DB9;'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'>Select a Type Of Style</legend>
<table width="100%">
<td width="16%"><input checked="checked" name="1type" type="radio" value="1"/></td>
<td width="16%"><img class="middle" src="http://2.bp.blogspot.com/-CxwlazmMWQQ/T7Sz3SywUXI/AAAAAAAADOo/Fd08b7nNKvw/s1600/1.png"/></td>

<td width="16%"><input checked="checked" name="1type" type="radio" value="2"/></td>
<td width="16%"><img class="middle" src="http://1.bp.blogspot.com/-CWL9EltdEFI/T7Sz4UNKoPI/AAAAAAAADOs/C0cH-a_ykAE/s1600/2.png"/></td>

<td width="16%"><input checked="checked" name="1type" type="radio" value="3"/></td>

<td width="16%"><img class="middle" src="http://2.bp.blogspot.com/-8HYu-dV3ri4/T7Sz5YYfhiI/AAAAAAAADO0/BG-AVluWmZs/s1600/3.png"/></td></tr>
</table>
</fieldset>
<br>
<fieldset class='redi' style='border:1px solid #7F9DB9;'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'>Customize</legend>
<table width="100%">
<tr><td width="40%">Background Color</td>
<td width="60%">#<input class="inputcolor text-input" size="6" name="jnbgcolor" value="98A2A7" type="text"><span
class="colorbox"></span></td></tr>
<tr><td width="40%">Border Color</td>
<td width="60%">#<input class="inputcolor text-input" size="6" name="jnbordercolor" value="000000" type="text"><span
class="colorbox"></span></td></tr>

<tr><td width="40%">Border Size</td>

<td width="60%">&nbsp;&nbsp;<input class="text-input" size="6" name="jnbordersize" value="1" type="text">px </td></tr>
<tr><td width="40%">Position Top</td>
<td width="60%">&nbsp;&nbsp;<input class="text-input" size="6" name="jntop" value="120" type="text">px</td></tr>
<tr><td width="40%">Position Left</td>
<td width="60%">&nbsp;&nbsp;<input class="text-input" size="6" name="jnleft" value="50" type="text">px</td></tr>
</table>
</fieldset>
<br><br>
<center><input style="width:180px; font-weight:bold;font-size:20px; " value="Generate" onclick="javascript:justnairacodegen();" type="button">

<input style="width:180px; font-weight:bold;font-size:20px; " disabled="disabled" name="go" value="Add to Blogger" type="submit"><br><textarea name="widget.content" style="display:none;"></textarea><input name="infoUrl" value="http://www.justnaira.com" type="hidden"><input name="logoUrl" value="http://4.bp.blogspot.com/-xOnoIoj3_cg/T9GwLdibaiI/AAAAAAAACNA/CUMPulzvUkg/s400/justnaira.jpg" type="hidden"></form></center>
<br>

<center><small> Copyright &copy; 2012 All Rights Reserved by <a href='http://www.edutechnology.net/'>RAFI</a></small></center>
</div>
</body>
</html>